<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="statics/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="statics/css/bootstrap-theme.min.css"/>
    <script src="statics/js/jquery.min.js"></script>
    <script src="statics/js/jquery.cookie.js"></script>
    <script src="statics/js/bootstrap.min.js"></script>
    <script src="statics/js/vue.min.js"></script>
    <script src="statics/js/admin.js"></script>
    <title>问卷调查后台管理</title>
    <style>
        .login {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: 999;
            text-align: center;
        }

        .login .form-horizontal {
            width: 300px;
            margin: 40px auto;
        }

        .login .form-control {
            height: 80px;
            font-size: 30px;
            text-align: center;
        }

        .content .table {
            text-align: center;
        }

        .content .table td {
            vertical-align: middle !important;
        }

    </style>
</head>
<body>
<div class="login" id="login">
    <h1 class="text-center">请输入密码登录</h1>

    <div class="form-horizontal">
        <div class="form-group">
            <input type="text" class="form-control" maxlength="8" id="sessionid" placeholder="密码">
        </div>
        <div class="form-group" style="margin: 40px 0 0;">
            <button type="submit" class="btn-login btn btn-lg btn-primary">登录</button>
        </div>
    </div>
</div>


<div class="container" id="app">
    <a href="javascript:void (0);" class="btn btn-danger" id="loginout" style="position: absolute; right: 2%; top: 2%;">退出</a>
    <h1 class="text-center">成绩</h1>

    <div class="content">
        <table class="table table-bordered table-hover">
            <thead>
            <tr class="bg-primary">
                <td>排名</td>
                <td>手机号码</td>
                <td>答对题数</td>
                <td>使用时间</td>
                <td>测试时间</td>
            </tr>
            </thead>
            <tbody id="table-2">
            <tr v-for="item in list.data">
                <td>{{$index + 1}}</td>
                <td>{{item.mobile}}</td>
                <td>{{item.score}}</td>
                <td>{{item.time}}</td>
                <td>{{item.date}}</td>
            </tr>
            </tbody>
        </table>
    </div>
    <h2 class="text-center" v-if="list.data.length == 0">暂无成绩数据</h2>
</div>

<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r;
        i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
        a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
        a.async = 1;
        a.src = g;
        m.parentNode.insertBefore(a, m)
    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-67467266-5', 'auto');
    ga('send', 'pageview');

    function ClickEvent(Category, Action, Label) {
        ga('send', 'event', Category, Action, Label);
    }
</script>

</body>
</html>